<template>
    <div>  <!-- 新闻内容 {{$route.params.type}} -->
        <div class="ta" v-for="(i,$index) in arr" :key="$index">
            <div class="lr">
                <div class="left">
                    <h4>{{i.text}}</h4>
                    <p>{{i.ct}}</p>
                    <span style="color: #7bcd40;">{{i.read}}</span>
                </div>
                <div class="right">
                    <img :src="i.imgurl" alt="">
                </div>
            </div>
        </div>
    </div>
</template>
<style scoped>
    *{
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .ta{
        text-align: left;
    }
    .lr{
        display: flex;
        border-bottom: 1px solid #ccc;
        padding-top: 10px;
        height: 160px;
    }
    h4{
        padding-bottom: 5px;
        font-weight: normal;
          color: #000000;
    line-height: 18px;
    vertical-align: top;
    text-align: left;
    width: 100%;
    color: #000000;
    font-size: 18px;
    font-family: 微软雅黑;
    line-height: 18px;
    margin-bottom: 15px;
    }
     p{
        color: #999999;
    font-size: 13px;
    font-family: 微软雅黑;
    line-height: 22px;
    padding-bottom: 20px;
    }
    .left{
        flex: 2;
        line-height: 30px;
    }
    .right{
        /* width: 20%; */
        flex: 1;
        float: right;
        padding-left: 30px;
    }
    .right img{
        width: 200px;
        height: 130px;
    }
</style>
<script>
export default {
    data() {
        return {
            arr:[
                {text:'2019茶叶展-第十六届上海国际茶业交易春季博览会',
                ct:'野生种遍见于中国长江以南各省的山区，为小乔木状，叶片较大，常超过10厘米长，长期以来，经广泛栽培，毛被及叶型变化很大。茶叶可作饮品，含有多种有益成分，并有保健功效。',
                read:'阅读正文 →',
                imgurl:'https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cDovLzVjZGQzYWE1YzQ2ZWEudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxOS8wNS83NDAyZmFlMWJhYTc5ODE4MDgxZjAzYjY3ZTBlNTRkMi0yMDB4MTMwLTkwLndlYnA_p_p100_p_3D.webp'
                },
                {text:'喝什么茶叶好?春天适合喝什么茶?喝白茶喝什么茶叶好?',
                ct:'2017年10月27日，世界卫生组织国际癌症研究机构公布的致癌物清单初步整理参考，茶在3类致癌物清单中。属于对人类致癌性可疑，尚无充分的人体或动物数据的物质类。',
                read:'阅读正文 →',
                imgurl:'https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cDovLzVjZGQzYWE1YzQ2ZWEudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxOS8wNC82NzM1MTJkYjY0YzY3ZTQzN2MyMzE0YzJjNzcyNGYzZi0yMDB4MTMwLTkwLndlYnA_p_p100_p_3D.webp'
                },
                 {text:'喝茶的好处有哪些 6大好处告诉你',
                ct:'2017年10月27日，世界卫生组织国际癌症研究机构公布的致癌物清单初步整理参考，茶在3类致癌物清单中。属于对人类致癌性可疑，尚无充分的人体或动物数据的物质类。',
                read:'阅读正文 →',
                imgurl:'https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cDovLzVjZGQzYWE1YzQ2ZWEudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxOS8wNS8wZDlhYzFhYTM5Y2ZmYjNjOTg0MTQ2OThjNmZkZDBmNC0yMDB4MTMwLTkwLndlYnA_p_p100_p_3D.webp'
                },
                 {text:'喝茶也会有危险——茶这样喝真的很危险',
                ct:'2017年10月27日，世界卫生组织国际癌症研究机构公布的致癌物清单初步整理参考，茶在3类致癌物清单中。属于对人类致癌性可疑，尚无充分的人体或动物数据的物质类。',
                read:'阅读正文 →',
                imgurl:'https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cDovLzVjZGQzYWE1YzQ2ZWEudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxOS8wNC80ZGYwMWE3NGZhMGFlYWI4MjJiYzUxOGFjYzZlYWE5Ni0yMDB4MTMwLTkwLndlYnA_p_p100_p_3D.webp'
                },
                 {text:'喝什么茶好?如何正确喝茶?',
                ct:'2017年10月27日，世界卫生组织国际癌症研究机构公布的致癌物清单初步整理参考，茶在3类致癌物清单中。属于对人类致癌性可疑，尚无充分的人体或动物数据的物质类。',
                read:'阅读正文 →',
                imgurl:'https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cDovLzVjZGQzYWE1YzQ2ZWEudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxOS8wNS83NDAyZmFlMWJhYTc5ODE4MDgxZjAzYjY3ZTBlNTRkMi0yMDB4MTMwLTkwLndlYnA_p_p100_p_3D.webp'
                },
                //  {text:'喝什么茶叶好?春天适合喝什么茶?喝白茶喝什么茶叶好?',
                // ct:'2017年10月27日，世界卫生组织国际癌症研究机构公布的致癌物清单初步整理参考，茶在3类致癌物清单中。属于对人类致癌性可疑，尚无充分的人体或动物数据的物质类。',
                // read:'阅读正文 →',
                // imgurl:"https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cDovLzVjZGQzYWE1YzQ2ZWEudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxOS8wNS8yZmVkNDQ2MDY0MjQ3YWZlYjhhOTRmZDQ0ZGIwNzk3OS0yMDB4MTMwLTkwLndlYnA_p_p100_p_3D.webp"
                // },
            ]
        }
    },
}
</script>